<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>精彩图库</title>
    <link href="../css/main.css" rel="stylesheet">
    <script src="../js/jquery.js"></script>
</head>
<body>
<!-- 头部导航 -->
<div class="nav_box">
    <div class="logo"><img src="../img/main_logo.png"></div>
    <div class="nav_right">
        <dl>
            <dd><a href="../index.html">首页</a></dd>
            <dd><a href="../About/introduction.html">关于我们</a></dd>
            <dd><a href="../Driver/driver.html">车手介绍</a></dd>
            <dd><a href="../Program/Program.html">节目介绍</a></dd>
            <dd><a href="../Media/Media.html">媒体中心</a></dd>
            <dd><a href="../Culture/Automobile_culture.html">汽车文化</a></dd>
            <dd><a href="../video/video_list.html">视频中心</a></dd>
            <dd><a href="../gallery/gallery_list.html">精彩图库</a></dd>
            <dd><a href="../entertainment/entertainment.html">休闲娱乐</a></dd>
            <dd><a href="../order/Product.html">产品预定</a></dd>
        </dl>
    </div>
</div>
<!-- 头部导航结束 -->
<!-- banner图 -->
<div class="banner_box">
    <img src="../img/banner_4.jpg">
</div>
<!-- banner结束 -->
<!-- 正文内容开始 -->
<div class="main_box">
    <div class="main_content">
        <div class="piti_box clearfix">
            <h3>tuku</h3>
            <p>精彩图库</p>
        </div>
        <div class="piti_m clearfix">
            <h3>Monster car</h3>
        </div>
        <div class="hdbox clearfix">
            <ul>
                <li class="active"><a href="#">怪物车</a> <span>/</span></li>
                <li><a href="#">房车</a> <span>/</span></li>
                <li><a href="#">变形金刚机器人</a> <span>/</span></li>
                <li><a href="#">车展</a></li>
            </ul>
        </div>
        <div class="bdbox">
            <div class="gallery_box">
               <div class="grid">
                  <a href="gallery_img.html">
                   <div class="imgholder">
                     <img src="../img/grimg1.jpg">
                       <div class="media_bord"></div>
                       <p class="media_odd"></p>
                   </div>
                   <h3>怪物汽车大卡车</h3>
                   <span></span>
                  </a>
               </div>
                <div class="grid">
                  <a href="gallery_img.html">
                    <div class="imgholder">
                        <img src="../img/grimg2.jpg">
                        <div class="media_bord"></div>
                        <p class="media_odd"></p>
                    </div>
                    <h3>怪物汽车大卡车</h3>
                    <span></span>
                  </a>
                </div>
                <div class="grid">
                  <a href="gallery_img.html">
                    <div class="imgholder">
                        <img src="../img/grimg3.jpg">
                        <div class="media_bord"></div>
                        <p class="media_odd"></p>
                    </div>
                    <h3>怪物汽车大卡车</h3>
                    <span></span>
                  </a>
                </div>
                <div class="grid">
                  <a href="#">
                    <div class="imgholder">
                        <img src="../img/grimg4.jpg">
                        <div class="media_bord"></div>
                        <p class="media_odd"></p>
                    </div>
                    <h3>怪物汽车大卡车</h3>
                    <span></span>
                  </a>
                </div>
                <div class="grid">
                    <a href="#">
                        <div class="imgholder">
                            <img src="../img/grimg5.jpg">
                            <div class="media_bord"></div>
                            <p class="media_odd"></p>
                        </div>
                        <h3>怪物汽车大卡车</h3>
                        <span></span>
                    </a>
                </div>
                <div class="grid">
                    <a href="#">
                        <div class="imgholder">
                            <img src="../img/grimg1.jpg">
                            <div class="media_bord"></div>
                            <p class="media_odd"></p>
                        </div>
                        <h3>怪物汽车大卡车</h3>
                        <span></span>
                    </a>
                </div>
                <div class="grid">
                    <a href="#">
                        <div class="imgholder">
                            <img src="../img/grimg6.jpg">
                            <div class="media_bord"></div>
                            <p class="media_odd"></p>
                        </div>
                        <h3>怪物汽车大卡车</h3>
                        <span></span>
                    </a>
                </div>
                <div class="grid">
                    <a href="#">
                        <div class="imgholder">
                            <img src="../img/grimg7.jpg">
                            <div class="media_bord"></div>
                            <p class="media_odd"></p>
                        </div>
                        <h3>怪物汽车大卡车</h3>
                        <span></span>
                    </a>
                </div>
                <div class="grid">
                    <a href="#">
                        <div class="imgholder">
                            <img src="../img/grimg10.jpg">
                            <div class="media_bord"></div>
                            <p class="media_odd"></p>
                        </div>
                        <h3>怪物汽车大卡车</h3>
                        <span></span>
                    </a>
                </div>
                <div class="grid">
                    <a href="#">
                        <div class="imgholder">
                            <img src="../img/grimg9.jpg">
                            <div class="media_bord"></div>
                            <p class="media_odd"></p>
                        </div>
                        <h3>怪物汽车大卡车</h3>
                        <span></span>
                    </a>
                </div>
                <div class="grid">
                    <a href="#">
                        <div class="imgholder">
                            <img src="../img/grimg8.jpg">
                            <div class="media_bord"></div>
                            <p class="media_odd"></p>
                        </div>
                        <h3>怪物汽车大卡车</h3>
                        <span></span>
                    </a>
                </div>
            </div>
            <div class="page">
                <a href="#" class="page_on">1</a>
                <a href="#">2</a>
                <a href="#" class="page_mo">></a>
            </div>
        </div>
    </div>
</div>
<!-- 正文内容结束 -->

<!-- 尾部版权信息 -->
<div class="footer fot_top">
    <div class="fot_box">
        <dl>
            <dd><a href="#">汽车文化</a><span></span></dd>
            <dd><a href="#">休闲娱乐</a><span></span></dd>
            <dd><a href="#">产品预定</a></dd>
        </dl>
        <p><span class="fl"><img src="../img/fot1.png"></span>©Copyright2017张家界博裕隆文化传媒有限责任公司版权所有<b>湘ICP备05011961号</b><a class="cl" href="#">技术支持：湖南畅旅 </a><span class="fr"><img src="../img/fot1.png"></span></p>
    </div>
</div>
<!-- 尾部版权结束 -->
<script src="../js/blocksit.min.js"></script>
<!--图库瀑布流控制JS-->
<script>
    $(document).ready(function() {
        //blocksit define
        $(window).load(function () {
            $('.gallery_box').BlocksIt({
                numOfCol: 3,
                offsetX: 5,
                offsetY: 10,
                blockElement: '.grid'
            });
        });
    });
</script>
</body>
</html>